@prefix-cls: workflow-switchroot;
@prefix-switchTable: workflow-switchtable;

@scroll-horizontal-width: 0px;
@scroll-vertical-height: 0px;
@scroll-background: rgba(0, 0, 0, 0.2);
@scroll-background-hover: rgba(0, 0, 0, 0.3);

.overflowBoxDiv() {
  overflow-x: hidden;
  overflow-y: hidden;
}

.@{prefix-cls} {
  &-workflowFormBox {
    width: 100%;
    height: 100%;
    .overflowBoxDiv();
  }

  &-workflowTabsBox {
    .ant-tabs-tabpane {
      padding: 0px;
    }
  }

  &-workflowNodesTableTitle {
    width: 100%;
    height: 100%;
    text-align: center;
    border-top: 1px solid #d7d7d7;
    .overflowBoxDiv();

    &-tableTheadBox {
      th {
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        padding: 5px;
        background-color: #e7e7e7;
      }
    }
  }

  &-workflowNodesTableTbody {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #d7d7d7;
    .overflowBoxDiv();

    &-tableTbodyBox {
      td {
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        padding: 5px;
      }

      .displayNoneNodeWorkFlow {
        display: none;
      }

      .ant-form-item {
        margin-bottom: 0px;

        .ant-form-item-control-input-content {
          > .ant-select-disabled {
            > .ant-select-selector {
              color: #757575;
            }
          }
        }
      }
    }
  }

  &-workflowTbodyRootDiv {
    overflow-y: auto;
    overflow-x: hidden;
  }

  &-workflowTbodyRootDiv::-webkit-scrollbar {
    width: @scroll-horizontal-width;
    height: @scroll-vertical-height;
  }

  &-workflowTbodyRootDiv::-webkit-scrollbar-thumb {
    -webkit-transition: all 0.25s;
    background: @scroll-background;
    transition: all 0.25s;
    border-radius: 0px;
  }

  &-workflowTbodyRootDiv::-webkit-scrollbar-thumb:hover {
    background: @scroll-background-hover;
  }
}

.@{prefix-switchTable} {
  &-commonManageCls {
    width: 100%;
    height: 100%;
    .overflowBoxDiv();

    .list-layout-tableCard {
      border: none;
    }
  }
}
